.categoryBar {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  .courseType {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    justify-content: center;
    margin: 10px 0px;
    .item {
      cursor: pointer;
      display: inline-block;
      box-sizing: content-box;
      padding: 1px 2px;
      width: 30px;
      height: 9px;
      line-height: 9px;
      border: 0.3px solid #f1f2f3;
      border-radius: 2px;
      background-color: #f6f7f8;
      color: #61666d;
      text-align: center;
      font-weight: 400;
      transition: background-color 0.3s, color 0.3s;
    }
    .item:hover {
      background-color: #dcdcdc;
    }
  }
}
